<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
	<meta charset="UTF-8" />
	<title>Ecothunder Website Template</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<!--[if IE 9]>
		<link rel="stylesheet" type="text/css" href="css/ie9.css" />
	<![endif]-->
	<!--[if IE 8]>
		<link rel="stylesheet" type="text/css" href="css/ie8.css" />
	<![endif]-->
	<!--[if IE 7]>
		<link rel="stylesheet" type="text/css" href="css/ie7.css" />
	<![endif]-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			$("#slide img:eq(0)").addClass("ativo").show();
			var texto = $(".ativo").attr("alt");
			$("#slide").prepend("<p>"+texto+"</p>");
			setInterval(slide,3000);
		})
		function slide()
		{ 
			$("#slide p").hide().html(texto).delay(500).fadeIn();
			if($(".ativo").next().size()){ //se houver, irá fazer algo 
			}else { 
			//se não, irá retornar ao estado inicial do slide 
			}
			
			if($(".ativo").next().size())
			{
				$(".ativo").fadeOut().removeClass("ativo").next().fadeIn().addClass("ativo");
			
			}else
			{
				$(".ativo").fadeOut().removeClass("ativo");
				$("#slide img:eq(0)").fadeIn().addClass("ativo");
			}			
			
			

		}


		
	</script>
</head>
<body>
	<div id="header">
		<div>
			<div id="logo">
				<a href="index.html"><img src="images/Iconee2.png" alt="Logo" /></a>
			</div>
			<div id="navigation">
				<div>
					<ul>
						<li class="current"><a href="index.html">Página Inicial</a></li>
						<li><a href="about.html">História</a></li>
						<li><a href="contact.html">Diretória</a></li>
						<li><a href="whychoose.html">Projetos</a></li>
						<li><a href="whychoose.html">Contato</a></li>
						
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="content">
	<div id="section">
			<div>
				<h1>O Bosque!</h1>
				<p>muitas ações foram empreendidas em diversos segmentos desde as atividades sócio-esportivas, jogos de futebol e vôlei, bingos, shows, festas de calendário fixo - aniversário e São João - até a realização de obras de ampliação e reforma de edificações, intervenções na captação, armazenamento e distribuição de água e energia elétrica, acessos, construção de quadras poli-esportivas, campos de futebol, piscinas, bicas.</p>
		<!--			<span>
				<a class="first" href="index.html">Take a Tour</a>
					<a href="register.html">Register</a>
				</span> -->
			</div>
			<figure id="slide">
				<img src="images/Aldeia1.jpg" alt="Bem-Vindo" />
				<img src="images/Aldeia2.jpg" alt="Image" />			
			</figure>
			<span class="background"></span>
		</div> 
		<div id="featured">
			<ul>
				<li class="first">
					<a href="powerearth.html"><img src="images/piscina.jpg" alt="Image" /></a>
					
					<p>O Condominio Bosque Aguas de Aldeia é uma área verde repleta de opções de lazer,de piscina e salão de jogos a campo de futebol.</p>
					<a class="link" href="powerearth.html">Lazer</a>
				</li>
				<li>
					<a href="earthmad.html"><img src="images/festa.jpg" alt="Image" /></a>
					
					<p>Confira os eventos divertidos que ocorreram no Bosque Aguas de Aldeia.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br><br></p>
					<a class="link" href="earthmad.html">Eventos</a>
				</li>
				<li>
					<a href="osmosisbeats.html"><img src="images/Novidades.jpg" alt="Image" /></a>
					
					<p>Fique antenado com as novidades que o Bosque Aguas de Aldeia tem para você.<br><br><br></p>
					<a class="link" href="osmosisbeats.html">Novidades</a>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer">
		<div>
			<div class="first">
				<h3><a href="index.html">Ecothunder</a></h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat eleifend arcu, sit amet rutrum lectus lobortis quis. Donec aliquam</p>
				<div>
					<p>Telephone. : <span>12345678-90</span></p>
					<p>Fax : <span>23456789-01</span></p>
					<p>Email : <span>ask@ecothunder.com</span></p>
				</div>
			</div>
			<div>
				<h3>Get Social with us!</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat eleifend arcu, sit amet rutrum lectus lobortis quis. Donec aliquam</p>
				<div>
					<a href="http://facebook.com/freewebsitetemplates" class="facebook" target="_blank"></a>
					<a href="http://twitter.com/fwtemplates" class="twitter" target="_blank"></a>
					<a href="#" class="linked-in"></a>
				</div>
			</div>
			<div>
				<h3>Share your thoughts!</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat eleifend arcu, sit amet rutrum lectus lobortis quis. Donec aliquam</p>
				<form action="#">
					<label for="subscribe"><input type="text" id="subscribe" maxlength="30" value="email address" /></label>
					<input class="submit" type="submit" value="" />
				</form>
				<p>Copyright &copy; 2014  Lotus System <br />LRP 727 6783 83839 All rights reserved</p>
			</div>
		</div>
	</div>
</body>
</html>